#OutsideViewport {
  width: 100%;
  height: 100%;
}


.EditionCenter {
  width: 100%;
  height: 100%;
  margin: 0 auto
}

.Viewport {
  width: 100%;
  height: 40px;
  background-color: #333;
  font-size: 0;
}

// 导航栏top
.NavigationTop {
  width: 1226px;
  height: 40px;
  margin: 0 auto;
  line-height: 40px;
  display: flex;
  justify-content: space-between;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
}

// 导航栏topleft
.NavigationLeft {
  ul {
    display: flex;
    justify-content: flex-start;
    position: relative;

    li {
      a {
        color: #b0b0b0;
      }

      span {
        color: #b0b0b0;
        margin: 0 6px;
      }
    }
  }
}

.NavigationLeft>ul>li>a:hover {
  color: #fff;
}

.download {
  z-index: 999;
  position: relative;
}

// 二维码下拉框部分
.downloadbox {
  display: none;
  width: 124px;
  height: 0px;
  box-sizing: border-box;
  background-color: #fff;
  position: absolute;
  left: -35px;
  transition: height 3s;

  .box2 {
    width: 0;
    border: 10px solid;
    border-color: transparent transparent transparent;
    border-bottom-color: #fdfdfb;
    position: absolute;
    left: 50px;
    top: -20px;
  }

  span {
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #000 !important;

    img {
      margin: 0 auto;
      width: 90px;
      height: 90px;
      margin: 18px 11px -10px;
    }
  }

}

.download:hover .downloadbox {
  display: block;
  box-shadow: 0 1px 5px #aaa;
  height: 150px;
  transition: height 3s;

}


// 导航栏topright
.NavigationRight {
  ul {
    display: flex;
    justify-content: flex-start;

    li {
      a {
        color: #b0b0b0;
      }

      span {
        color: #b0b0b0;
        margin: 0 6px;
      }
    }
  }
}

.NavigationRight>ul>li>a:hover {
  color: #fff;
}

.NavigationRight>ul>.shopin>a:hover {
  color: #ff6700;
}


.shopin {
  display: block;
  width: 120px;
  height: 40px;
  margin-left: 25px;
  background-color: #424242;
  line-height: 40px;
  text-align: center;
  position: relative;
  z-index: 99;
  border-bottom: none;

  a {
    vertical-align: bottom;

    i {
      font-size: 20px;
    }
  }
}

// 购物车下拉框
.miniCartMenu {
  position: absolute;
  right: 0;
  width: 316px;
  z-index: 99;
  height: 0;
  font-size: 0;
  color: #424242;
  background-color: #fff;
  box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
  transition: height .3s;
  border-top: none;

  .menu-content {
    width: 316px;
    height: 98px;
    display: none;
    font-size: 12px;
    line-height: 100px;
  }

}

.shopin:hover {
  background-color: #fff;
}

.shopin:hover a {
  color: #ff6700;
}

.shopin:hover .miniCartMenu {
  height: 98px;
  display: block;
}

.shopin:hover .menu-content {
  display: block;
}

// 导航栏button
.Navigationbutton {
  background-color: #fff;
  width: 1226px;
  height: 100px;
  margin: 0 auto;
  display: flex;
}

// logo
.Navigationbutton img {
  width: 56px;
  height: 56px;
  margin: 22px 0;
}

// 中间部分-----------------------------------------》
.Navigationbutton ul {
  display: flex;
  padding: 12px 0 0 30px;
}

.Navigationbutton ul>li {
  padding: 26px 10px 38px;
  text-align: center;
  vertical-align: middle;
  line-height: 25px;
  font-size: 16px;
}

.Navigationbutton ul>li>a {
  color: #333;
}

.Navigationbutton ul>li>a:hover {
  color: #ff6700;
}


.Navigationbutton ul>.whole {
  padding: 26px 30px 38px;
}

.whole>a {
  color: #333;
  visibility:hidden;
}

// 下拉框部分---------------------------------->
.drop-downitem-children {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0px;
  top: 140px;
  z-index: 999;
  height: 0;
  font-size: 0;
  color: #424242;
  background-color: #fff;

  box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
  transition: height .6s;
  border-top: none;
}

.drop-downcontainer {
  width: 100%;
  display: none;
  background-color: #fff;
}

.drop-downfirst img {
  border-right: 1px solid rgba(177, 176, 176, 0.6);
}

.drop-downfirst a p {
  font-size: 14px;
}

.drop-downfirst a span {
  font-size: 12px;
  color: #ff6700;
}

.drop-downlast a p {
  font-size: 14px;
}

.drop-downlast a span {
  font-size: 12px;
  color: #ff6700;
}

.Navigationbuttoncenter li:hover .drop-downcontainer {
  display: block;
  border-bottom: 1px solid rgba(177, 176, 176, 0.6);
}

.Navigationbuttoncenter li:hover .drop-downitem-children {
  height: 230px;
  display: block;
}

.drop-downchildren-list {
  display: flex;
  justify-content: center;
}

.drop-downchildren-list li a img {
  width: 160px;
  height: 110px;
}





// 右边部分-------------------------------->

.Searchbox {
  display: flex;
  text-align: right;
  width: 350px;
  height: 100px;
  box-sizing: border-box;
  justify-content: flex-end;

}

.Searchboxtext {
  width: 295px;
  height: 50px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  border: 0.5px solid #e0e0e0;
  margin: 25px 0;
}

.Searchboxtext:hover {
  border: 0.5px solid #757575;
  box-shadow: 0.2px 0.2px 0.2px 0.2px #757575;
}

.Searchboxtext>input {
  width: 245px;
  font-size: 14px;
  color: #757575;
  height: 48px;
  padding: 0 10px;
  border: none;
  box-sizing: border-box;
  border: none;
}

.Searchboxtext>input:hover {
  border-right: 0.2px solid #757575;
  box-shadow: 0.2px 0.2px 0.2px 0.2px #757575;
}

.Searchbox>.Searchboxtext>i {
  display: inline-block;
  width: 50px;
  height: 48px;
  box-sizing: border-box;
  font-size: 24px;
  color: #616161;
  text-align: center;
  line-height: 50px;
  border-left: 0.5px solid #e0e0e0;
}

.Searchbox>.Searchboxtext>i:hover {
  color: #fff;
  background-color: #ff6700;
  border-left: 0.2px solid #757575;
}


/*轮播图区域*/
/*录播图左边*/
.Rotation {
  width: 1226px;
  margin: 0 auto;
  position: relative;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  background: #eee;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;
  margin: 0 auto;
  position: relative;
  z-index: 99;

  ul {
    width: 234px;
    height: 460px;
    background-color: rgba(105, 101, 101, .6);
    position: absolute;
    left: 0;
    top: 0;
    padding: 20px 0;
    z-index: 2;
    box-sizing: border-box;

    li {
      width: 234px;
      height: 42px;
      box-sizing: border-box;
      padding: 0 0 0 30px;
      display: flex;
      justify-content: space-between;
      line-height: 42px;
      font-size: 14px;
      color: #fff;
      cursor: pointer;
      overflow: hidden;

      i {
        color: #fff;
        margin-right: 20px;
        font-size: 12px;
        font-weight: 700;
        text-align: right;

      }
    }

  }
}

.Rotation>ul>li:hover {
  background-color: #ff6700;
}
.Rotation>ul>li:hover .children-col{
  display: block;
}

.children-col {
  width: 992px;
  height: 458px;
  border: 1px solid #e0e0e0;
  position: absolute;
  left: 234px;
  top: 0;
  border-left: none;
  padding: 2px 0 0;
  font-size: 0;
  background-color: #ffffff;
  box-shadow: 0 8px 16px rgb(0 0 0 / 18%);
  display: none;
  font-size: 0;
  z-index: 3;
 


  .children-list-col {
    width: 992px;
    height: 458px;
    position: absolute;
    padding: 2px 0 0;
    top: 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;

    li {
      position: relative;
      width: 248px;
      height: 76px;
      padding: 0;
      background-color: #fff;

      a {
        width: 248px;
        height: 76px !important;
        display: block;
        padding: 18px 20px;
        color: #333;
        transition: color .2s;
        // text-align: center;

        img {
          width: 40px;
          height: 40px;
          margin-right: 12px;

        }

        span {
          width: 172px;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
          text-align: center;
          vertical-align: middle;
          margin-bottom: 10px;
          vertical-align:top;
        }
      }

    }

  }
}
.children-list-col li a span:hover{
  color: #ff6700;
}



// 轮播图--------------------------------》
.swiper {
  width: 1226px;
  height: 460px;
  position: relative;
}

.swiper-slide {
  background-position: center;
  background-size: cover;
}

.swiper-slide img {
  display: block;
  width: 100%;
}

.swiper-pagination-bullet-active {
  background-color: #757575;
}

.swiper-button-prev {
  position: absolute;
  left: 243px;
  color: #fff;
}

.swiper-button-next {
  color: #fff;

}

.swiper-pagination {
  margin-left: 540px;
  margin-bottom: 12px;
  z-index: 1;
}


// 轮播图底部
.Rotationbutton {
  width: 1226px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between
}

// 左侧
.Rotationbuttonleft {
  width: 234px;
  height: 170px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  background-color: #5f5750;
  justify-content: space-between;
  margin-top: 14px;
  margin-bottom: 26px;

}

.Rotationbuttonleft>li {
  width: 73px;
  height: 82px;
  text-align: center;
  padding: 0 3px;
  box-sizing: border-box;
  margin: 2px 2.5px;
  position: relative;
}

.Rotationbuttonleft>li::before {
  position: absolute;
  content: '';
  width: 0.2px;
  height: 65px;
  background-color: rgb(99, 98, 98);
  left: 0px;
  top: 10px;
}

.Rotationbuttonleft>li>a::before {
  position: absolute;
  content: '';
  width: 65px;
  height: 0.2px;
  background-color: rgb(99, 98, 98);
  left: -30px;
  top: 0;
}

.Rotationbuttonleft>li>a {
  color: #fff;
  width: 70px;
  height: 30px;
  font-size: 12px;
  line-height: 10px;
  box-sizing: border-box;
  opacity: 0.7;

}

.Rotationbuttonleft>li>a>img {
  display: block;
  width: 24px;
  height: 24px;
  margin: 15px 23px 8px;
}


// 右侧
.Rotationbuttonright {
  width: 978px;
  height: 170px;
  display: flex;
  margin-top: 14px;
  justify-content: space-between;
  margin-bottom: 26px;

}

.Rotationbuttonright>li>a>img {
  width: 316px;
  height: 170px;
}

.Rotationbuttonright li:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);

  transition: box-shadow .2s linear;

}

// 内容区-------------------------------------------》

.ContentArea {
  width: 100%;
  background-color: #f5f5f5;
  box-sizing: border-box;
}

.ContentAreacenter {
  width: 1226px;
  margin: 0 auto;
  box-sizing: border-box;
}

.ContentAreacenter>a>img {
  margin: 25px 0;
  margin-bottom: 0;
}

// 手机模块标题部分--------------------------------------》
.phoneTop {
  width: 1226px;
  height: 58px;
  display: flex;
  margin-top: 25px;
  justify-content: space-between;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.phoneTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}


.phoneTop>p>a {
  font-size: 16px;
  line-height: 58px;
  color: #6e6d6d;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.phoneTop>p>a:hover {
  color: #ff6700;
}

// 手机模块内容部分----------------------------------》
.phoneContent {
  display: flex;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;

}

.phoneleft>a>img {
  width: 234px;
  height: 614px;
  transition: all 0.5s;
}

.phoneleft>a>img:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

.phoneright {
  width: 992px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -14px 8px;
}

.phoneright>li {
  width: 234px;
  height: 300px;
  text-align: center;
  background-color: #fff;
  margin: 0 6px 12px;
  box-sizing: border-box;
  transition: all 0.5s;

}

.phoneright li:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);

}

.phoneright>li>a {
  display: block;
  width: 234px;
  height: 300px;
  padding: 20px 0;
  box-sizing: border-box;
}


.phoneright>li>a>img {
  width: 160px;
  height: 160px;
}

.phoneright li a h3 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}

.phoneright>li>a>p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 10px 10px;
}

.phoneright li a span {
  font-size: 14px;
  color: #ff6700;
  margin: 0 5px 14px;

}

.phoneright li a del {
  font-size: 14px;
  margin: 0 5px;
  color: #b0b0b0;
}

// 智能穿戴区域------------------------------------------》

// title 区域-------------------------------------》
.intelligenceTop {
  width: 1226px;
  height: 58px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.intelligenceTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}

.intelligenceTop ul {
  width: 105px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-right: 8px;
}

.intelligenceTop ul li a {
  font-size: 16px;
  line-height: 58px;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.hot a {
  color: #ff6700 !important;
  padding-bottom: 5px;
  border-bottom: 2px solid #ff6700;
}

.hot a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

.wear a {
  color: #6e6d6d;
  padding-bottom: 5px;
  border-bottom: 2px solid #6e6d6d;
}

.wear a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

// 内容区域-----------------------------------》
.intelligenceContent {
  display: flex;
  justify-content: space-between;
}

// 左边
.intelligenceleft>a>img {
  width: 234px;
  height: 614px;
  transition: all 0.5s;
}

.intelligenceleft a img:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

// 右边
.intelligenceright {
  width: 992px;
  height: 614px;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin: 0 0 -14px 8px;
  display: none;
}

.intelligenceright li {
  width: 234px;
  height: 300px;
  text-align: center;
  background-color: #fff;
  margin: 0 6px 12px;
  box-sizing: border-box;
  transition: all 0.5s;
}

.intelligenceright li:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

.intelligenceright li a img {
  width: 160px;
  height: 160px;
}

.intelligenceright li a {
  display: block;
  width: 234px;
  height: 300px;
  padding: 20px 0;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.intelligenceright li a h3 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}

.intelligenceright li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 10px 10px;
}

.intelligenceright li a span {
  font-size: 14px;
  color: #ff6700;
  margin: 0 5px 14px;

}

.intelligenceright li a del {
  font-size: 14px;
  margin: 0 5px;
  color: #b0b0b0;
}

.intelligencemore {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
}

.intelligencemore h3 {
  font-size: 18px !important;
  position: absolute;
  top: 50px;
  left: 20px;


}

.intelligencemore a {
  padding: 0 !important;
  width: 234px;
  height: 143px !important;
  text-align: left;
  font-size: 18px !important;
  color: #424242;

}

.intelligencemore a span {
  margin-left: 10px !important;
  position: absolute;
  top: 75px;
  left: 20px;
}

.intelligencemore a i {
  text-align: right;
  font-size: 55px;
  position: absolute;
  color: #ff6700;
  top: 40px;
  right: 40px;
}

#avtion {
  display: flex;

}

// 笔记本平板电脑模块----------------------------------》
.computerTop {
  width: 1226px;
  height: 58px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.computerTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}

.computerTop ul {
  width: 50px;
  display: flex;
  justify-content: flex-end;
  margin-right: 8px;
}

.computerTop ul li a {
  font-size: 16px;
  line-height: 58px;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.hot a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

// 笔记本平板内容区域--------------------------------------------------》
.computerContent {
  display: flex;
}

// 左边
.computerleft>a>img {
  width: 234px;
  height: 614px;
  transition: all 0.5s;
}

.computerleft>a>img:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

// 右边
.computerright {
  width: 992px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -14px 8px;
}

.computerright li {
  width: 234px;
  height: 300px;
  text-align: center;
  background-color: #fff;
  margin: 0 6px 12px;
  box-sizing: border-box;
  transition: all 0.5s;
}

.computerright li:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

.computerright li a img {
  width: 160px;
  height: 160px;
}

.computerright li a {
  display: block;
  width: 234px;
  height: 300px;
  padding: 20px 0;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.computerright li a h3 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}

.computerright li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 10px 10px;
}

.computerright li a span {
  font-size: 14px;
  color: #ff6700;
  margin: 0 5px 14px;

}

.computerright li a del {
  font-size: 14px;
  margin: 0 5px;
  color: #b0b0b0;
}

.computerlast {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
}

.computerlast h3 {
  font-size: 18px !important;
  position: absolute;
  top: 45px;
  left: 20px;

}

.computerlast a {
  padding: 0 !important;
  width: 234px;
  height: 143px !important;
  text-align: left;
  font-size: 18px !important;
}

.computerlast a span {
  margin-left: 10px !important;
  position: absolute;
  top: 75px;
  left: 20px;
  color: #757575 !important;

}

.computerlast a i {
  text-align: right;
  font-size: 55px;
  position: absolute;
  color: #ff6700;
  top: 0px;
  right: 40px;
  position: absolute;
  top: 40px;
}

// 家电模块----------------------------------------》
.homeapplianceTop {
  width: 1226px;
  height: 58px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.homeapplianceTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}

.homeapplianceTop ul {
  width: 135px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-right: 8px;
}

.homeapplianceTop ul li a {
  font-size: 16px;
  line-height: 58px;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.hot a {
  color: #ff6700 !important;
  padding-bottom: 5px;
  border-bottom: 2px solid #ff6700;
}

.hot a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

.wear a {
  color: #6e6d6d;
  padding-bottom: 5px;
  border-bottom: none;
}

.wear a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

// 内容区--------------------------------------》
.homeapplianceContent {
  display: flex;
  justify-content: space-between;
}

// 左边
.homeappliance>a>img {
  width: 234px;
  height: 300px;

}

.homeapplianceleft {
  width: 248px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;

}

.homeapplianceleft a {
  width: 234px;
  height: 300px !important;
  display: block;
  margin-bottom: 10px;
  transition: all 0.5s;
}

.homeapplianceleft a:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

// 右边---------------------------------------------》
.homeapplianceright {
  width: 992px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -14px -6px;
  display: none;
}

.homeapplianceright li {
  width: 234px;
  height: 300px;
  text-align: center;
  background-color: #fff;
  margin: 0 6px 12px;
  box-sizing: border-box;
  transition: all 0.5s;
}

.homeapplianceright li:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

.homeapplianceright li a img {
  width: 160px;
  height: 160px;
}

.homeapplianceright li a {
  display: block;
  width: 234px;
  height: 300px;
  padding: 20px 0;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.homeapplianceright li a h3 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}

.homeapplianceright li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 10px 10px;
}

.homeapplianceright li a span {
  font-size: 14px;
  color: #ff6700;
  margin: 0 5px 14px;

}

.homeapplianceright li a del {
  font-size: 14px;
  margin: 0 5px;
  color: #b0b0b0;
}

.homeappliancelastone {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}

.homeappliancelastone a {
  display: block;
  width: 150px !important;
  height: 143px !important;
  position: absolute;
  top: 15px;
  left: 0;
}

.homeappliancelastone a img {
  width: 80px !important;
  height: 80px !important;
  margin-left: 10px;
  position: absolute;

}

.homeappliancelastone a h3 {
  display: inline-block;
  width: 94px;
  height: 42px;
  padding-top: 15px;
  text-align: left;
}

.homeappliancelastone a span {
  display: block;
  margin-left: 0px;
  text-align: left;
  position: absolute;
  left: 23px;
}

.homeappliancelasttwo {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
}

.homeappliancelasttwo h3 {
  font-size: 18px !important;
  text-align: left;
  position: absolute;
  padding-top: 25px;
  left: 15px;
}

.homeappliancelasttwo a span {
  margin-left: 10px !important;
  text-align: left;
  position: absolute;
  left: 15px;
  top: 70px;
  color: #757575 !important;
}

.homeappliancelasttwo a i {
  text-align: right;
  font-size: 55px;
  position: absolute;
  color: #ff6700;
  top: 40px;
  right: 40px;
}


/*生活电器模块--------------------------------------》*/
.Life_ElectricTop {
  width: 1226px;
  height: 58px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.Life_ElectricTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}

.Life_ElectricTop ul {
  width: 250px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-right: 8px;
}

.Life_ElectricTop ul li a {
  font-size: 16px;
  line-height: 58px;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.sweeping a {
  color: #ff6700 !important;
  padding-bottom: 5px;
  border-bottom: 2px solid #ff6700;
}

.sweeping a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

.Emptiness a {
  color: #6e6d6d;
  padding-bottom: 5px;
  border-bottom: none !important;

}

.Emptiness a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

// 内容区--------------------------------------》
.Life_ElectricContent {
  display: flex;
  justify-content: space-between;
}

// 左边
.Life_Electricleft>a>img {
  width: 234px;
  height: 300px;
}

.Life_Electricleft {
  width: 248px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.Life_Electricleft a {
  width: 234px;
  height: 300px !important;
  display: block;
  margin-bottom: 10px;
  transition: all 0.5s;
}

.Life_Electricleft a:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

// 右边---------------------------------------------》
.Life_Electricright {
  width: 992px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 0 0 -14px -14px;
}

.Life_Electricright li {
  width: 234px;
  height: 300px;
  text-align: center;
  background-color: #fff;
  margin: 0 6px 12px;
  box-sizing: border-box;
  transition: all 0.5s;
}

.Life_Electricright li:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

.Life_Electricright li a img {
  width: 160px;
  height: 160px;
}

.Life_Electricright li a {
  display: block;
  width: 234px;
  height: 300px;
  padding: 20px 0;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.Life_Electricright li a h3 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}

.Life_Electricright li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 10px 10px;
}

.Life_Electricright li a span {
  font-size: 14px;
  color: #ff6700;
  margin: 0 5px 14px;

}

.Life_Electricright li a del {
  font-size: 14px;
  margin: 0 5px;
  color: #b0b0b0;
}

.znrightbox {
  display: none;
}

.Life_Electriclastone {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}

.Life_Electriclastone a {
  display: block;
  width: 150px !important;
  height: 143px !important;
  position: absolute;
  top: 15px;
  left: 0;
}

.Life_Electriclastone a img {
  width: 80px !important;
  height: 80px !important;
  margin-left: 10px;
  position: absolute;

}

.Life_Electriclastone a h3 {
  display: inline-block;
  width: 94px;
  height: 42px;
  padding-top: 15px;
  text-align: left;
}

.Life_Electriclastone a span {
  display: block;
  margin-left: 0px;
  text-align: left;
  position: absolute;
  left: 23px;
}

.Life_Electriclasttwo {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
}

.Life_Electriclasttwo h3 {
  font-size: 18px !important;
  text-align: left;
  position: absolute;
  padding-top: 25px;
  left: 15px;
}

.Life_Electriclasttwo a span {
  margin-left: 10px !important;
  text-align: left;
  position: absolute;
  left: 15px;
  top: 70px;
  color: #757575 !important;
}

.Life_Electriclasttwo a i {
  text-align: right;
  font-size: 55px;
  position: absolute;
  color: #ff6700;
  top: 40px;
  right: 40px;
}

/* 厨房电器模块------------------------------>*/

.kitchenTop {
  width: 1226px;
  height: 58px;
  display: flex;
  margin-top: 25px;
  justify-content: space-between;

}

.kitchenTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}

.kitchenTop ul {
  width: 250px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-right: 8px;
}

.kitchenTop ul li a {
  font-size: 16px;
  line-height: 58px;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.sweeping a {
  color: #ff6700 !important;
  padding-bottom: 5px;
  border-bottom: 2px solid #ff6700;
}

.sweeping a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

.Emptiness a {
  color: #6e6d6d;
  padding-bottom: 5px;
  border-bottom: 2px solid #6e6d6d;
}

.Emptiness a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

// 内容区--------------------------------------》
.kitchenContent {
  display: flex;
  justify-content: space-between;
}

// 左边
.kitchenleft>a>img {
  width: 234px;
  height: 300px;
}

.kitchenleft {
  width: 248px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.kitchenleft a {
  width: 234px;
  height: 300px !important;
  display: block;
  margin-bottom: 10px;
  transition: all 0.5s;
}

.kitchenleft a:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

// 右边---------------------------------------------》
.kitchenright {
  width: 992px;
  height: 614px;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin: 0 0 -14px -4px;
  display: none;
}

.kitchenright li {
  width: 234px;
  height: 300px;
  text-align: center;
  background-color: #fff;
  margin: 0 6px 12px;
  box-sizing: border-box;
  display: inline-block;
  transition: all 0.5s;
}

.kitchenright li:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

.kitchenright li a img {
  width: 160px;
  height: 160px;
}

.kitchenright li a {
  display: block;
  width: 234px;
  height: 300px;
  padding: 20px 0;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.kitchenright li a h3 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}

.kitchenright li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 10px 10px;
}

.kitchenright li a span {
  font-size: 14px;
  color: #ff6700;
  margin: 0 5px 14px;

}

.kitchenright li a del {
  font-size: 14px;
  margin: 0 5px;
  color: #b0b0b0;
}

.kitchenlast {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
}

.kitchenlast h3 {
  font-size: 18px !important;
  text-align: left;
  position: absolute;
  padding-top: 25px;
  left: 15px;
}

.kitchenlast a span {
  margin-left: 10px !important;
  text-align: left;
  position: absolute;
  left: 15px;
  top: 70px;
  color: #757575 !important;
}

.kitchenlast a i {
  text-align: right;
  font-size: 55px;
  position: absolute;
  color: #ff6700;
  top: 40px;
  right: 40px;
}

/*智能家居模块--------------------------------------》*/
.intelligenceHomeTop {
  width: 1226px;
  height: 58px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.intelligenceHomeTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}

.intelligenceHomeTop ul {
  width: 300px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-right: 8px;
}

.intelligenceHomeTop ul li a {
  font-size: 16px;
  line-height: 58px;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.sweeping a {
  color: #ff6700 !important;
  padding-bottom: 5px;
  border-bottom: 2px solid #ff6700;
}

.sweeping a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

.Emptiness a {
  color: #6e6d6d;
  padding-bottom: 5px;
  border-bottom: 2px solid #6e6d6d;
}

.Emptiness a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

// 内容区--------------------------------------》
.intelligenceHomeContent {
  display: flex;
  justify-content: space-between;
}

// 左边
.intelligenceHomeleft>a>img {
  width: 234px;
  height: 300px;
}

.intelligenceHomeleft {
  width: 248px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.intelligenceHomeleft a {
  width: 234px;
  height: 300px !important;
  display: block;
  margin-bottom: 10px;
  transition: all 0.5s;
}

.intelligenceHomeleft a:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

// 右边---------------------------------------------》
.intelligenceHomeright {
  width: 992px;
  height: 614px;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin: 0 0 -14px -4px;
  display: none;
}

.intelligenceHomeright li {
  width: 234px;
  height: 300px;
  text-align: center;
  background-color: #fff;
  margin: 0 6px 12px;
  box-sizing: border-box;
  display: inline-block;
  transition: all 0.5s;
}

.intelligenceHomeright li:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

.intelligenceHomeright li a img {
  width: 160px;
  height: 160px;
}

.intelligenceHomeright li a {
  display: block;
  width: 234px;
  height: 300px;
  padding: 20px 0;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.intelligenceHomeright li a h3 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}

.intelligenceHomeright li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 10px 10px;
}

.intelligenceHomeright li a span {
  font-size: 14px;
  color: #ff6700;
  margin: 0 5px 14px;

}

.intelligenceHomeright li a del {
  font-size: 14px;
  margin: 0 5px;
  color: #b0b0b0;
}

.intelligenceHomeone {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}

.intelligenceHomeone a {
  display: block;
  width: 150px !important;
  height: 143px !important;
  position: absolute;
  top: 15px;
  left: 0;
}

.intelligenceHomeone a img {
  width: 80px !important;
  height: 80px !important;
  margin-left: 10px;
  position: absolute;

}

.intelligenceHomeone a h3 {
  display: inline-block;
  width: 94px;
  height: 42px;
  padding-top: 15px;
  text-align: left;
}

.intelligenceHomeone a span {
  display: block;
  margin-left: 0px;
  text-align: left;
  position: absolute;
  left: 23px;
  top: 60px;
}

.intelligenceHometwo {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
}

.intelligenceHometwo h3 {
  font-size: 18px !important;
  text-align: left;
  position: absolute;
  padding-top: 25px;
  left: 15px;
}

.intelligenceHometwo a span {
  margin-left: 10px !important;
  text-align: left;
  position: absolute;
  left: 15px;
  top: 70px;
  color: #757575 !important;
}

.intelligenceHometwo a i {
  text-align: right;
  font-size: 55px;
  position: absolute;
  color: #ff6700;
  top: 40px;
  right: 40px;
}

/* 运动出行模块------------------------------>*/

.motionTop {
  width: 1226px;
  height: 58px;
  display: flex;
  margin-top: 25px;
  justify-content: space-between;

}

.motionTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}

.motionTop ul {
  width: 380px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-right: 8px;
}

.motionTop ul li a {
  font-size: 16px;
  line-height: 58px;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.sweeping a {
  color: #ff6700 !important;
  padding-bottom: 5px;
  border-bottom: 2px solid #ff6700;
}

.sweeping a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

.Emptiness a {
  color: #6e6d6d;
  padding-bottom: 5px;
  border-bottom: 2px solid #6e6d6d;
}

.Emptiness a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

// 内容区--------------------------------------》
.motionContent {
  display: flex;
  justify-content: space-between;
}

// 左边
.motionleft>a>img {
  width: 234px;
  height: 300px;
}

.motionleft {
  width: 248px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.motionleft a {
  width: 234px;
  height: 300px !important;
  display: block;
  margin-bottom: 10px;
  transition: all 0.5s;
}

.motionleft a:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

// 右边---------------------------------------------》
.motionright {
  width: 992px;
  height: 614px;
  box-sizing: border-box;
  flex-wrap: wrap;
  margin: 0 0 -14px -4px;
  display: none;
}

.motionright li {
  width: 234px;
  height: 300px;
  text-align: center;
  background-color: #fff;
  margin: 0 6px 12px;
  box-sizing: border-box;
  display: inline-block;
  transition: all 0.5s;
}

.motionright li:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}


.motionright li a img {
  width: 160px;
  height: 160px;
}

.motionright li a {
  display: block;
  width: 234px;
  height: 300px;
  padding: 20px 0;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.motionright li a h3 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}

.motionright li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 10px 10px;
}

.motionright li a span {
  font-size: 14px;
  color: #ff6700;
  margin: 0 5px 14px;

}

.motionright li a del {
  font-size: 14px;
  margin: 0 5px;
  color: #b0b0b0;
}

.motionlast,
a {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
}

.motionlast h3 {
  font-size: 18px !important;
  text-align: left;
  position: absolute;
  padding-top: 25px;
  left: 15px;
}

.motionlast a span {
  margin-left: 10px !important;
  text-align: left;
  position: absolute;
  left: 15px;
  top: 70px;
  color: #757575 !important;
}

.motionlast a i {
  text-align: right;
  font-size: 55px;
  position: absolute;
  color: #ff6700;
  top: 40px;
  right: 40px;
}


/*日用百货模块------------------------------》*/
.General_merchandiseTop {
  width: 1226px;
  height: 58px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.General_merchandiseTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}

.General_merchandiseTop ul {
  width: 350px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-right: 8px;
}

.General_merchandiseTop ul li a {
  font-size: 16px;
  line-height: 58px;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.sweeping a {
  color: #ff6700 !important;
  padding-bottom: 5px;
  border-bottom: 2px solid #ff6700;
}

.sweeping a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

.Emptiness a {
  color: #6e6d6d;
  padding-bottom: 5px;
  border-bottom: 2px solid #6e6d6d;
}

.Emptiness a:hover {
  color: #ff6700;
  border-bottom: 2px solid #ff6700;
}

// 内容区--------------------------------------》
.General_merchandiseContent {
  display: flex;
  justify-content: space-between;
}

// 左边
.General_merchandiseleft>a>img {
  width: 234px;
  height: 300px;
}

.General_merchandiseleft {
  width: 248px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
}

.General_merchandiseleft a {
  width: 234px;
  height: 300px !important;
  display: block;
  margin-bottom: 10px;
  transition: all 0.5s;
}

.General_merchandiseleft a:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

// 右边---------------------------------------------》
.General_merchandiseright {
  width: 992px;
  height: 614px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 0 0 -14px -14px;
}

.General_merchandiseright li {
  width: 234px;
  height: 300px;
  text-align: center;
  background-color: #fff;
  margin: 0 6px 12px;
  box-sizing: border-box;
}

.General_merchandiseright li a img {
  width: 160px;
  height: 160px;
}

.General_merchandiseright li a {
  display: block;
  width: 234px;
  height: 300px;
  padding: 20px 0;
  box-sizing: border-box;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.General_merchandiseright li a h3 {
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin: 0 10px 2px;
}

.General_merchandiseright li a p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #b0b0b0;
  font-size: 12px;
  margin: 0 10px 10px;
}

.General_merchandiseright li a span {
  font-size: 14px;
  color: #ff6700;
  margin: 0 5px 14px;

}

.General_merchandiseright li a del {
  font-size: 14px;
  margin: 0 5px;
  color: #b0b0b0;
}

.General_merchandiseone {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
  text-align: left;
}

.General_merchandiseone a {
  display: block;
  width: 150px !important;
  height: 143px !important;
  position: absolute;
  top: 15px;
  left: 0;
}

.General_merchandiseone a img {
  width: 80px !important;
  height: 80px !important;
  margin-left: 10px;
  position: absolute;

}

.General_merchandiseone a h3 {
  display: inline-block;
  width: 94px;
  height: 42px;
  padding-top: 15px;
  text-align: left;
}

.General_merchandiseone a span {
  display: block;
  margin-left: 0px;
  text-align: left;
  position: absolute;
  left: 23px;
  top: 80px;
}

.General_merchandisetwo {
  width: 234px;
  height: 143px !important;
  box-sizing: border-box;
  position: relative;
}

.General_merchandisetwo h3 {
  font-size: 18px !important;
  text-align: left;
  position: absolute;
  padding-top: 25px;
  left: 15px;
}

.General_merchandisetwo a span {
  margin-left: 10px !important;
  text-align: left;
  position: absolute;
  left: 15px;
  top: 70px;
  color: #757575 !important;
}

.General_merchandisetwo a i {
  text-align: right;
  font-size: 55px;
  position: absolute;
  color: #ff6700;
  top: 40px;
  right: 40px;
}

/*视频区域*/
.videoslistTop {
  width: 1226px;
  height: 58px;
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.videoslistTop>h2 {
  font-size: 22px;
  font-weight: 200;
  color: #333;
  line-height: 58px;
}

.videoslistTop ul {
  width: 85px;
  display: flex;
  justify-content: space-between;
  position: relative;
  margin-right: 8px;
}

.videoslistTop ul li a {
  font-size: 16px;
  line-height: 58px;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.sweep a {
  color: #424242;
  padding-bottom: 5px;
}

.sweep a:hover {
  color: #ff6700;
}

/*视频内容*/

.videoslistBD {
  width: 1226px;
  height: 299px;
  box-sizing: border-box;

}

.video-list {
  width: 1226px;
  height: 299px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}

.video-item {
  width: 296px;
  height: 285px;
  box-sizing: border-box;
  background-color: #fff;
  transition: all 0.5s;
}

.video-item:hover {
  box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
  transform: translate(0, -3px);
}

.video-item a h3 {
  color: #333;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  margin: 0 14px 6px;
}

.video-item a p {
  height: 18px;
  font-size: 12px;
  color: #b0b0b0;
  margin: 0 14px;
  text-align: center;
}

.figure {
  margin-bottom: 28px;
  width: 296px;
  height: 180px;
  position: relative;
}

.figure img {
  width: 296px;
  height: 180px;
}

.play {
  display: block;
  width: 32px;
  height: 20px;
  border: 2px solid #fff;
  background-color: rgba(0, 0, 0, .6);
  border-radius: 12px;
  transition: all .2s;
  overflow: hidden;
  position: absolute;
  left: 20px;
  bottom: 10px;
}

.play i {
  font-size: 15px;
  text-align: center;
  color: #fff;
  position: absolute;
  left: 10px;
  top: 2px;
}

.figure:hover .play {
  background-color: #ff6700;
}

/*底部上面部分*/
.bottomlist {
  width: 1226px;
  height: 473px;
  margin: 0 auto;

}

.bottomlistTop {
  width: 1226px;
  height: 25px;
  padding: 27px 0;
  border-bottom: 1px solid #e0e0e0;

}

.bottomlistTop ul {
  width: 1226px;
  height: 25px;
  display: flex;
  justify-content: center;
}

.bottomlistTop ul li {
  width: 243px;
  height: 25px;
  text-align: center;
}

.bottomlistTop ul li a {
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;

}

.bottomlistTop ul li a:hover {
  color: #ff6700;
}

.bottomlistTop ul li:not(.special) {
  border-left: 1px solid #e0e0e0;
}

.bottomlistTop ul li a {
  font-size: 16px;
  color: #616161;
  text-align: center;
  line-height: 25px;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
}

.bottomlistTop ul li a i {
  font-size: 25px;
  vertical-align: bottom;
  margin-right: 5px;
}

// 表单--------------------------------------》
.bottomlistcontent {
  width: 1226px;
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  display: flex;
  position: relative;
  left: 160px;
  padding: 40px 0;

}

.bottomlistcontent dl dt {
  font-size: 14px;
  margin-bottom: 26px;
}

.bottomlistcontent dl dd {
  width: 160px;
  height: 18px;
  margin: 10px 0 0;
}

.bottomlistcontent dl dd a {
  font-size: 12px;
  color: #757575;
  transition-property: all;
  transition-duration: 0.4s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

.bottomlistcontent dl dd a:hover {
  color: #ff6700;
}

.col-contact {
  width: 251px;
  height: 80px;
  border-left: 1px solid #e0e0e0;
  color: #616161;
  margin-left: 16px;
}

.Numbers {
  font-size: 22px;
  color: #ff6700;
  text-align: center;
  margin-bottom: 5px;
}

.timers {
  font-size: 12px;
  text-align: center;
  color: #616161;
  margin-bottom: 5px;
}

.col-contact a {
  display: block;
  margin: 0 auto;
  color: #ff6700;
  font-size: 12px;
  width: 120px;
  height: 30px !important;
  line-height: 30px;
  background-color: #fff;
  text-align: center;
  border: 0.5px solid #ff6700;
  box-sizing: border-box;
  transition: all .4s;
}

.col-contact a i {
  vertical-align: bottom;
}

.col-contact a:hover {
  background-color: #ff6700;
  color: #fff;
}

//侧边固定导航-------------------------------->
.fixedbox {
  width: 84px;
  height: 460px;
  box-sizing: border-box;
  position: fixed;
  right: 0;
  bottom: 90px;
  background-color: #fff;
  z-index: 999;

  a {
    display: block;
    width: 84px !important;
    height: 92px !important;
    border: 0.5px solid #f5f5f5;
    text-align: center;
    margin: 0 auto;
    color: #757575;

    i {
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      left: 28%;
      top: 15px;
      font-size: 35px;
      margin: 6px auto;
    }

    span {
      font-size: 14px;
      position: absolute;
      left: 15px;
      top: 60px;
      text-align: center;
    }

    .teshu {
      position: absolute;
      left: 25px;
    }
  }

  .fixedboxleft {
    width: 130px;
    height: 192px;
    box-sizing: border-box;
    position: absolute;
    right: 95px;
    top: 0px;
    background-color: #fff;
    border: 1px solid #f5f5f5;

    display: none;
    img {
      width: 100px;
      height: 100px;
      margin: 15px;
    }

    span {
      display: block;
      text-align: center;
      width: 70px;
      margin: 0 auto;
      color: #757575;
      font-size: 14px;
      margin-top: 65px;
      margin-left: 15px;


    }

  }
}

#clickbox{
  width: 84px;
  height: 80px;
  border: 0.5px solid #f5f5f5;
  background-color: #ffffff;
  z-index: 999;
  position: fixed;
  right: 0;
  box-sizing: border-box;
  bottom: 0;
  // opacity: 0;
	transition: opacity 1s;
  a{
    text-align: center;
    i{
      position: absolute;
      top: 10px;
      left: 25px;
      font-size: 35px;
      color: #757575;
    }
    span{
      display: block;
      margin-top: 50px;
      font-size: 14px !important;
      color: #757575;
    }
  }
}
#clickbox:hover i{
  color: #ff6700;
}
#clickbox:hover span{
  color: #ff6700;
}
.fixedbox a:hover {
  color: #ff6700;
}
.fixedone:hover .fixedboxleft {
  display: block;
}